<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>${htmltitle}</title>
<link rel="stylesheet" href="${ctx}/static/css/style.default.css" type="text/css" />
<link rel="stylesheet" href="${ctx}/static/css/style.blueline.css" type="text/css" />
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.bxSlider.min.js"></script>
<script type="text/javascript" src="${ctx}/static/js/plugins/jquery.slimscroll.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/general.js"></script>
<script type="text/javascript" src="${ctx}/static/js/custom/widgets.js"></script>

<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="${ctx}/static/css/style.ie9.css"/>
<![endif]-->
<!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="${ctx}/static/css/style.ie8.css"/>
<![endif]-->
<!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
</head>

<body class="withvernav">

<div class="bodywrapper" style="overflow:hidden;">
    <div class="topheader">
        <div class="left">
            <h1 class="logo"><span> 中国煤炭工业协会培训中心</span>&nbsp;&nbsp;培训系统</h1>
            
            <br clear="all" />
            
        </div><!--left-->
        
        <div class="right">
        
            <shiro:guest>
            <div style="float:left;line-height:40px;">
                <span><a href="${ctx}/user/login" style="font-size:14px;color:#999;">登录</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div><!--userinfo-->
            </shiro:guest>
            
            <shiro:user>
            <div class="userinfo">
            	<img src="${ipath}/${user.avatar}" alt="" style="width:23px;height:23px;" />
                <span>${user.acct}</span>
            </div><!--userinfo-->
            
            <div class="userinfodrop">
            	<div class="avatar">
                	<a href=""><img src="${ipath}/${user.avatar}" alt="" style="width:95px;" /></a>
                </div><!--avatar-->
                <div class="userdata">
                	<h4>${user.acct}</h4>
                    <span class="email"></span>
                    <ul>
                    	<li><a href="${ctx}/user/pass">修改密码</a></li>
                    	<li><a href="${ctx}/user/edit">修改个人资料</a></li>
                    	<li><a href="${ctx}/user/upload">上传照片</a></li>
                        <li><a href="${ctx}/user/logout">退出</a></li>
                    </ul>
                </div><!--userdata-->
            </div><!--userinfodrop-->
            </shiro:user>
            
        </div><!--right-->
    </div><!--topheader-->
    
    
    <div class="header">
    	<ul class="headermenu">
        	<li class="current"><a href="${ctx}"><span class="icon icon-flatscreen"></span>首页</a></li>
        	<li><a href="${ctx}/proj/"><span class="icon icon-speech"></span>课程</a></li>
        	<li><a href="${ctx}/study/"><span class="icon icon-chart"></span>学习</a></li>
        	<li><a href="${ctx}/notice/"><span class="icon icon-message"></span>信息</a></li>
        	<li><a href="${ctx}/user/"><span class="icon icon-pencil"></span>个人</a></li>
        </ul>        
    </div><!--header-->
    
    <!--leftmenu-->
    <div class="vernav">
    	<ul>
        	<li><a href="${ctx}/notice/">全员公告</a></li>
            <li><a href="${ctx}/trial/">试看课件</a></li>
            <li><a href="${ctx}/qanda/">疑难解答</a></li>
            <li><a href="${ctx}/lec/">讲师风采</a></li>
            <li><a href="${ctx}/guide/">学习指南</a></li>
        </ul>
        <a class="togglemenu"></a>
        <br /><br />
    </div><!--leftmenu-->
        
    <div class="centercontent">
    
        <div style="width:93%;margin-left:15px;">
            <div class="widgetbox">
                <div class="widgetcontent">
                    <ul id="slidercontent">
                        <c:forEach items="${data.image}" var="image">
                        <li>
                            <div class="slide_wrap" style="padding:0; text-align:center; ">
                                <a href="${image.target}">
                                    <img src="${ipath}/${image.url}" alt="" style="height:256px;" />
                                </a>
                            </div>
                        </li>
                        </c:forEach>
                    </ul>
                 </div><!--widgetcontent-->
             </div><!--widgetbox-->
        </div>
    
        <div style="float:left;width:30%;margin-left:15px;overflow:auto;">  
            <div class="widgetbox">
                <div class="widgetoptions"><span style="display:block;border:1px;">全员公告</span>
                </div>
                <div class="widgetcontent userlistwidget nopadding">
                    <ul style="margin-bottom:19px;">
					    <c:if test="${empty data.notice}">
					    <li><a>暂无公告</a></li>
					    </c:if>
					    <c:if test="${not empty data.notice}">
					    <c:forEach items="${data.notice}" var="notice">
                        <li style="margin:2px 0;">
                            <img src="${ctx}/static/images/icons/info.png" alt="" style="width:12px;" />&nbsp;&nbsp;
                            <a href="${ctx}/notice/${notice.id}">${notice.title}</a>
                        </li>
                        </c:forEach>
                        </c:if>
                    </ul>
                    <a href="${ctx}/notice/" class="more">更多公告</a>
                </div><!--widgetcontent-->
            </div><!--widgetbox-->
        </div>

        <div style="float:left;width:30%;margin-left:15px;overflow:auto;">  
            <div class="widgetbox">
                <div class="widgetoptions"><span style="display:block;border:1px;">讲师风采</span>
                </div>
                <div class="widgetcontent userlistwidget nopadding">
                    <ul>
                        <c:forEach items="${data.lec}" var="lec">
                        <li>
                            <div class="avatar">
                                <a href="${ctx}/lec/${lec.id}"><img src="${ipath}/${lec.image}" alt="" style="width:50px;height:50px;" /></a>
                            </div>
                            <div class="info" style="height:50px;">
                                <a href="${ctx}/lec/${lec.id}">${lec.lec}<br />${lec.detail}</a>
                            </div><!--info-->
                        </li>
                        </c:forEach>
                    </ul>
                    <a href="${ctx}/lec/" class="more">更多讲师</a>
                </div><!--widgetcontent-->
            </div><!--widgetbox-->
        </div>
        
        <div style="float:left;width:30%;margin-left:15px;overflow:auto;">  
            <div class="widgetbox">
                <div class="widgetoptions"><span style="display:block;border:1px;">试看课程</span>
                </div>
                <div class="widgetcontent userlistwidget nopadding">
                    <ul>
                        <c:forEach items="${data.trial}" var="trial">
                        <li>
                            <div class="avatar">
                                <a href="${ctx}/trial/${trial.id}"><img src="${tpath}/${trial.image}" alt="" style="width:50px;height:50px;" /></a>
                            </div>
                            <div class="info" style="height:50px;">
                                <a href="${ctx}/trial/${trial.id}">${trial.trial}<br />${lec.detail}</a>
                            </div><!--info-->
                        </li>
                        </c:forEach>
                    </ul>
                    <a href="${ctx}/trial/" class="more">更多试看课程</a>
                </div><!--widgetcontent-->
            </div><!--widgetbox-->
        </div>
        
	</div><!-- centercontent -->
    
    
</div><!--bodywrapper-->

<!-- 下部 -->
<div style="display:block;background-color:#CCC;margin-top:40px;">
    <div>
        <ul style="text-align:center;padding-top:20px;">
            <li><span class="tel"></span>客服电话 010-84264776</li>
            <li><span class="qq"></span>企业QQ 3218295548</li>
            <li><span class="email"></span>客服邮箱 coaledu@vip.sina.com </li>
        </ul>
        <div class="cl h20"></div>
        <div align="center" style="padding-bottom:50px;">
            中国煤炭教育网 版权所有 京ICP备12038261号
            <div class="cl h20"></div>
        </div>
    </div>
</div>

</body>

</html>
